<template>
    <!-- vue3提供的新组件，会传送到我们的指定标签的内部的最后位置 -->
    <!-- 
        语法：
            <Teleport to='.app'>  这里的.app 就是类名 

                <p> 这是一段文本 </p>

            </Teleport>

            传送门的应用：
                曾经我们使用mask,点击会触发这个灰色遮罩层。
                <div class=mask>
                    <div class=login_box>
                            我们点击login_box就会触发这个遮罩层，然后我们在外部的灰色遮罩层设置一个点击事件，点击让它消失
                            但是当我们点击内部的login_box也会触发，虽然这个bug也可以使用阻止默认事件  .stop来解决，但是这里
                            vue3也提供了 Teleport来解决。但是花里胡哨。一般般吧  ，点击就传送到body标签的最后一个位置。
                    </div>
                </div>
     -->
    <div>
        
    </div>
</template>

<script lang='ts' setup>
import {  } from "vue"
    
</script>
 
<style lang = "less" scoped>
    
</style>